【CSS】list-style-image - リストスタイルの画像

CSSのlist-style-imageプロパティについて解説します。

検証環境

CSS

macOS

14.1

list-style-image

list-style-imageは“リストスタイルの画像”のプロパティです。

基本構文

list-style-image: 値;

サンプル

sample.html

<style>
ul {
    ___ih_hl_start
    list-style-image: url('https://it-hack.net/storage/app/media/document/development/programming/css/properties/list-style-image/icon.png');
    ___ih_hl_end
}
</style>

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

プレビュー